// 博客用的-用户信息
import React from 'react';
export default class UserInfo extends React.Component {
  constructor() {
    super()
    this.state = {
      info: '子组件的数据'
    }
  }
  render() {
    return (<div className="userinfo">
      {/* 父传子，只读属性，不能修改！Cannot assign to read only property */}
      <p>UserInfo</p>
      <img src={this.props.url} />
      <p>用户名：{this.props.name}</p>
      <button onClick={() => this.props.fatherFn(this.state.info)}>子传父</button>
    </div>)
  }
}